<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= name %></title>
    <meta name="author" content="<%= author %>" />
    <meta name="keywords" content="<%= keywords.join(',') %>" />
    <meta name="description" content="<%= description %>" />
    <link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./styles/index.min.css" />
</head>

<body>
    <div id="app">
        <div class="container">
            <div class="jumbotron">
                <h1>Hello, world!</h1>
                <p>引入图片资源，并修改样式，触发实时编译</p>
                <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
            </div>
            <ul class="list-group">
                <li class="list-group-item"><img src="./images/1.jpg" /></li>
                <li class="list-group-item"><img src="./images/2.jpg" /></li>
                <li class="list-group-item"><img src="./images/3.jpg" /></li>
                <li class="list-group-item"><img src="./images/4.jpg" /></li>
                <li class="list-group-item"><img src="./images/5.jpg" /></li>
                <li class="list-group-item"><img src="./images/6.jpg" /></li>
                <li class="list-group-item"><img src="./images/7.jpg" /></li>
            </ul>
        </div>
    </div>
    <script src="./scripts/index.min.js"></script>
</body>

</html>